<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Element UI CSS -->
	<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
	<!--本地CSS-->
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/element.css">
	<title>会议系统</title>
</head>
<body>
<div id="app">
	<el-container>

		<el-header>
			<el-menu mode="horizontal" router>
				<el-menu-item index="/">
					<strong class="text-primary">协同会议平台</strong>
				</el-menu-item>
				<el-menu-item style="float: right;" @click="logout">退出</el-menu-item>
			</el-menu>
		</el-header>

		<el-container style="height: 700px">
			<el-aside width="200px">

				<el-row class="sidebar-header" type="flex" align="middle">
					<div class="demo-image__preview">
						<a href="user_look.html">
							<el-avatar style="width: 60px; height: 60px" src="img/avatar-6.jpg"></el-avatar>
						</a>
					</div>
					<div>
						<span style="margin-left:10px;font-size: 12px;font-weight: bold">小灰</span><br>
						<span style="margin-left:10px;font-size: 12px;font-weight: bold">研发部</span>
					</div>
				</el-row>

				<el-menu :default-openeds="['1', '2','3']" default-active="3-2">
					<el-menu-item index="1">
						<a href="home.html">
							<i class="el-icon-house"></i>
							<span slot="title">主页</span>
						</a>
					</el-menu-item>
					<el-submenu index="2">
						<template slot="title"><i class="el-icon-user"></i>用户列表</template>
						<el-menu-item-group>
							<a href="user.html"><el-menu-item index="2-1">查看用户</el-menu-item></a>
							<a href="my_user.html"><el-menu-item index="2-2">我关注的用户</el-menu-item></a>
							<a href="article.html"><el-menu-item index="2-3">发布文章</el-menu-item></a>
							<a href="article_collect.html"><el-menu-item index="2-4">我的收藏</el-menu-item></a>
						</el-menu-item-group>
					</el-submenu>
					<el-submenu index="3">
						<template slot="title"><i class="el-icon-office-building"></i>部门列表</template>
						<el-menu-item-group>
							<a href="department.html"><el-menu-item index="3-1">全部部门</el-menu-item></a>
							<a href="meeting.html"><el-menu-item index="3-2">会议系统</el-menu-item></a>
						</el-menu-item-group>
					</el-submenu>
				</el-menu>
			</el-aside>

			<el-main>
				<h2>会议系统</h2>
				<el-form :inline="true" class="demo-form-inline">
					<el-form-item label="按标题名字查找">
						<el-input v-model="searchTitle" placeholder="会议标题"></el-input>
					</el-form-item>
					<el-form-item label="状态">
						<el-select v-model="status" placeholder="请选择状态">
							<el-option label="未开始" value="未开始"></el-option>
							<el-option label="正在进行" value="正在进行"></el-option>
							<el-option label="已结束" value="已结束"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="onSubmit">查询</el-button>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="addMeeting">发布会议</el-button>
					</el-form-item>
				</el-form>

				<div>
					<el-row :gutter="20">
						<!-- 会议条目开始 -->
						<el-col :span="24">
							<el-card class="box-card article-item">
								<div slot="header" class="clearfix">
									<el-link type="primary" href="meeting_detail.html">关于《协同会议平台》项目部分模块功能升级</el-link>
									<div style="float: right;">
										<span><strong>状态：</strong>正在进行</span>
									</div>
									<p><strong>部门：</strong>研发部</p>
									<p><strong>开始时间：</strong>2025-1-1 15:40</p>
									<p style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis">
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
									</p>
								</div>
							</el-card>
						</el-col>
					</el-row>
					<el-row :gutter="20">
						<!-- 会议条目开始 -->
						<el-col :span="24">
							<el-card class="box-card article-item">
								<div slot="header" class="clearfix">
									<el-link type="primary" href="meeting_detail.html">关于《协同会议平台》项目部分模块功能升级</el-link>
									<div style="float: right;">
										<span><strong>状态：</strong>正在进行</span>
									</div>
									<p><strong>部门：</strong>研发部</p>
									<p><strong>开始时间：</strong>2025-1-1 15:40</p>
									<p style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis">
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
									</p>
								</div>
							</el-card>
						</el-col>
					</el-row>
					<el-row :gutter="20">
						<!-- 会议条目开始 -->
						<el-col :span="24">
							<el-card class="box-card article-item">
								<div slot="header" class="clearfix">
									<el-link type="primary" href="meeting_detail.html">关于《协同会议平台》项目部分模块功能升级</el-link>
									<div style="float: right;">
										<span><strong>状态：</strong>正在进行</span>
									</div>
									<p><strong>部门：</strong>研发部</p>
									<p><strong>开始时间：</strong>2025-1-1 15:40</p>
									<p style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis">
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
										协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：协同会议平台有如下模块需要升级：
									</p>
								</div>
							</el-card>
						</el-col>
					</el-row>
				</div>
				<br><br>

				<el-row type="flex" justify="center">
					<el-pagination layout="prev, pager, next" :total="50"></el-pagination>
				</el-row>

				<el-row type="flex" justify="center">
					<p>&copy; 2025.Company <a href="#">协同会议平台</a></p>
				</el-row>

			</el-main>
		</el-container>

		<!-- Footer -->

	</el-container>
</div>

<!-- Element UI JS -->
<script src="js/vue.min.js"></script>
<script src="js/element.js"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                searchTitle: '',
                status: '',
                meetings: [
                    // Here you would normally fetch the meeting data from a server.
                    { title: '关于《协同会议平台》项目部分模块功能升级', department: '研发部', startTime: '2025-1-1 15:40', status: '正在进行' },
                    // ... more meeting items ...
                ]
            }
        },
        methods: {
            logout() {
                // Implement logout functionality here
                window.location.href = "index.html";
            },
            onSubmit() {
                // Implement submit functionality here
				window.location.href = "meeting.html";
            },
            addMeeting() {
                // Implement add meeting functionality here
				window.location.href = "meeting_add.html";
            },
            viewDetail(row) {
                // Implement view detail functionality here
            }
        }
    });
</script>
</body>
</html>